<?php require("include/header.php");?>
<body>
<?php
	$houseDAO = new houseDAO();
	$email = $_SESSION['email'];
	$house = $houseDAO->getByemail($email);
	if ($house ==null || $house[0]['id']!=2){
	echo "<div style=\"display: none;\">\n".
		"\t<span id=\"h_roof\">RoofMetal_surfmist</span>\n".
		"\t<span id=\"h_gutter\">Gutter_surfmist</span>\n".
		"\t<span id=\"h_garage\">Gutter_surfmist</span>\n".
		"\t<span id=\"h_main_render\"></span>\n".
		"\t<span id=\"h_paving\">Paving_charcoal</span>\n".
		"\t<span id=\"h_windowframes\">WindowFrame_silverlustre</span>\n".
		"\t<span id=\"h_front_door\">FrontDoor_dundee</span>\n".
		"\t<span id=\"h_feature_render\"></span>\n".
		"\t<span id=\"h_feature_wall\">FeatureWall_collie</span>\n".
		"</div>\n";
	}
	else{
	echo "<div style=\"display: none;\">\n".
		"\t<span id=\"h_roof\">".$house[0]['roof']."</span>\n".
		"\t<span id=\"h_gutter\">".$house[0]['gutter']."</span>\n".
		"\t<span id=\"h_garage\">".$house[0]['garage']."</span>\n".
		"\t<span id=\"h_main_render\"></span>\n".
		"\t<span id=\"h_paving\">".$house[0]['paving']."</span>\n".
		"\t<span id=\"h_windowframes\">".$house[0]['window_frames']."</span>\n".
		"\t<span id=\"h_front_door\">".$house[0]['front_door']."</span>\n".
		"\t<span id=\"h_feature_render\"></span>\n".
		"\t<span id=\"h_feature_wall\">".$house[0]['feature_wall']."</span>\n".
		"</div>\n";
	}
?>
<?php require_once("include/wapper-header.php");?>
    <h4>Elevation : Contemporary</h4>
    <aside>
      <h3>Elevation: Colonial</h3>
      <a href="colonia.php"><img src="img/smallhouse_colonia.jpg" width="198" height="106"></a>
      <h3>Elevation: Contemporary</h3>
      <a href="contemporary.php"><img src="img/smallhouse_contemporary.jpg" width="198" height="105"></a>
      <h3>Elevation: Urban</h3>
      <a href="urban.php"><img src="img/smallhouse_urban.jpg" width="198" height="106"></a>
      <div class="button">
        <input id="save" name="save" type="button" value="SAVE" onClick="save_click(2);">
        <input id="print" name="print" type="button" value="PRINT" onClick="print_pdf(2);">
      </div>
    </aside>
    <section id="contemporary" >
    	<div id="roof_tiles" class="overlay abalone"></div>
    	<div id="color_bond_roof" class="overlay surfmist"></div>
        <div id="garage_doors" class="overlay surfmist"></div>
        <div id="gutter_fascia" class="overlay surfmist"></div>
        <div id="window_frames" class="overlay silverlustre"></div>
        <div id="driveway_paving" class="overlay artic"></div>
        <div id="feature_wall" class="overlay collie"></div>
        <div id="front_door" class="overlay kanga"></div>
        <div id="landscaping" class="overlay landscapingforeground"></div>
        <div id="contemporary_original"></div>
    </section>
<!------------------------ Begin Animate ---------------------->
<div id="color_selection">
		<div id="select_left">
            <div class="section"  id='roof_tiles_b'>Roof - Tiles</div>
            <div class="section active" id='roof_metal_b'>Roof - Metal</div>
            <div class="section"  id='gutter_b'>Gutter / Fascia</div>
            <div class="section" id='main_render_b' >Main Render</div>
            <div class="section" id="wall_b">Feature Wall</div>
            <!--<div class="section"  id='barge_scribe'>Barge &amp; Scribe</div>
            <div class="section"  id='gable'>Gable Infill</div>
            <div class="section"  id='barge_sribe'>Barge &amp; Sribe</div>-->
		</div>
        
        <div class="bg_select_top"></div>
        <div class="bg_select_center">
            <div id="cover_metal_color_selection" class="color_selection_house active">
                <strong>Select an option to view </strong><br>
                <div title="Surfmist" class="colours surfmist active"  name="colour"></div>
                <div title="Evening Haze" class="colours eveninghaze"  name="colour"></div>
                <div title="Shale Grey" class="colours shalegrey"  name="colour"></div>
                <div title="Classic Cream" class="colours classiccream"  name="colour"></div>
                <div title="Dune" class="colours dune"  name="colour"></div>
                <div title="Windspray" class="colours windspray end"  name="colour"></div>
                <div title="Pale Eucalypt" class="colours paleeucalypt"  name="colour"></div>
                <div title="Sandbank" class="colours sandbank"  name="colour"></div>
                <div title="Paperbark" class="colours paperbark"  name="colour"></div>
                <div title="Bushland" class="colours bushland"  name="colour"></div>
                <div title="Ironstone" class="colours ironstone"  name="colour"></div>
                <div title="Wilderness" class="colours wilderness end"  name="colour"></div>
                <div title="Jasper" class="colours jasper"  name="colour"></div>
                <div title="Headland" class="colours headland"  name="colour"></div>
                <div title="Deep Ocean" class="colours deepocean"  name="colour"></div>
                <div title="Manor Red" class="colours manorred"  name="colour"></div>
                <div title="Monument" class="colours monument"  name="colour"></div>
                <div title="Woodland Grey" class="colours woodlandgrey end"  name="colour"></div>
                <div title="Cottage Green" class="colours cottagegreen"  name="colour"></div>
                <div title="Loft" class="colours loft"  name="colour"></div> 
                <div align="center" class="colourName cover_metal_color_selection"></div>
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Bushland.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_ClassicCream.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_CottageGreen.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_DeepOcean.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Dune.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_EveningHaze.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_GarageDoorprofile.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Headland.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Ironstone.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Jasper.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Loft.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_ManorRed.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Monument.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_PaleEucalypt.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Paperbark.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Sandbank.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_ShaleGrey.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Surfmist.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Wilderness.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_Windspray.png" width="666" height="81" class="preload_images">
                <img src="img/Contemporary/ColorbondRoof/RoofMetal_WoodlandGrey.png" width="666" height="81" class="preload_images">
            </div>
            
            <div id="cover_tile_color_selection" class="color_selection_house">
                <strong>Select an option to view </strong><br>
                <div title="Abalone" class="colours abalone"  name="colour"></div>
                <div title="Almond" class="colours almond"  name="colour"></div>
                <div title="Barramundi" class="colours barramundi"  name="colour"></div>
                <div title="Caviar" class="colours caviar"  name="colour"></div>
                <div title="Mochachoc" class="colours mochachoc"  name="colour"></div>
                <div title="Oyster" class="colours oyster end"  name="colour"></div>
                <div title="Sambuca" class="colours sambuca"  name="colour"></div>
                <div title="Tapenade" class="colours tapenade"  name="colour"></div>
                <div align="Center" class="colourName cover_tile_color_selection"></div>
                <img src="img/Contemporary/RoofTiles/RoofTiles_Abalone.png" width="660" height="89" class="preload_images">
                <img src="img/Contemporary/RoofTiles/RoofTiles_Almond.png" width="660" height="89" class="preload_images">
                <img src="img/Contemporary/RoofTiles/RoofTiles_Barramundi.png" width="660" height="89" class="preload_images">
                <img src="img/Contemporary/RoofTiles/RoofTiles_Caviar.png" width="660" height="89" class="preload_images">
                <img src="img/Contemporary/RoofTiles/Rooftiles_HaciendaProfile.png" width="660" height="89" class="preload_images">
                <img src="img/Contemporary/RoofTiles/RoofTiles_Mochachoc.png" width="660" height="89" class="preload_images">
                <img src="img/Contemporary/RoofTiles/RoofTiles_Oyster.png" width="660" height="89" class="preload_images">
                <img src="img/Contemporary/RoofTiles/RoofTiles_Sambuca.png" width="660" height="89" class="preload_images">
                <img src="img/Contemporary/RoofTiles/RoofTiles_Tapenade.png" width="660" height="89" class="preload_images">
            </div>
            
             <div id="gutter_fascia_color_selection" class="color_selection_house">
                <strong>Select an option to view </strong><br>
                <div title="Surfmist" class="colours surfmist"  name="colour"></div>
                <div title="Eveninghaze" class="colours eveninghaze"  name="colour"></div>
                <div title="Shale Grey" class="colours shalegrey"  name="colour"></div>
                <div title="Classic Cream" class="colours classiccream"  name="colour"></div>
                <div title="Dune" class="colours dune"  name="colour"></div>
                <div title="Windspray" class="colours windspray end"  name="colour"></div>
                <div title="Pale Eucalypt" class="colours paleeucalypt"  name="colour"></div>
                <div title="Sandbank" class="colours sandbank"  name="colour"></div>
                <div title="Paper Bark" class="colours paperbark"  name="colour"></div>
                <div title="Bushland" class="colours bushland"  name="colour"></div>
                <div title="Ironstone" class="colours ironstone"  name="colour"></div>
                <div title="Wilderness" class="colours wilderness end"  name="colour"></div>
                <div title="Jasper" class="colours jasper"  name="colour"></div>
                <div title="Headland" class="colours headland"  name="colour"></div>
                <div title="Deep Ocean" class="colours deepocean"  name="colour"></div>
                <div title="Manor Red" class="colours manorred"  name="colour"></div>
                <div title="Monument" class="colours monument"  name="colour"></div>
                <div title="Woodland Grey" class="colours woodlandgrey end"  name="colour"></div>
                <div title="Cottagegreen" class="colours cottagegreen"  name="colour"></div>
                <div title="Loft" class="colours loft"  name="colour"></div>
                <div title="Caribou" class="colours caribou"  name="colour"></div>
                <div align="Center" class="colourName gutter_fascia_color_selection">woodlandgrey</div>
                <img src="img/Contemporary/GutterFascia/Gutter_Bushland.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_ClassicCream.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_ContemporaryEntertainer.png" width="678" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_CottageGreen.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_DeepOcean.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Dune.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_EveningHaze.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Headland.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Ironstone.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Jasper.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Loft.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_ManorRed.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Monument.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_PaleEucalypt.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Sandbank.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_ShaleGrey.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_SURFMIST.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Wilderness.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Windspray.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_WoodlandGrey.png" width="679" height="19" class="preload_images">
                <img src="img/Contemporary/GutterFascia/Gutter_Caribou.png" width="679" height="19" class="preload_images">
            </div>         
            <div id="main_render_color_selection" class="color_selection_house">
                <strong>Select an option to view </strong><br>
                <div title="Kanga" class="colours kanga"  name="colour"></div>
                <div title="Dundee" class="colours dundee"  name="colour"></div>
                <div title="Smoke Pearl" class="colours smokepearl"  name="colour"></div>
                <div title="Botany Grey" class="colours botanygrey"  name="colour"></div>
                <div title="Cloudy Sky" class="colours cloudysky"  name="colour"></div>
                <div title="Surfmist" class="colours surfmist end"  name="colour"></div>
                <div title="Caribou" class="colours caribou"  name="colour"></div>
                <div title="Beaver" class="colours beaver"  name="colour"></div>
                <div title="Seagull" class="colours seagull"  name="colour"></div>
                <div align="Center" class="colourName main_render_color_selection">woodlandgrey</div>
            </div>
            
            <div id="frontdoor_color_selection" class="color_selection_house">
                <strong>Select an option to view </strong><br>
                <div title="Kanga" class="colours kanga"  name="colour"></div>
                <div title="Dundee" class="colours dundee"  name="colour"></div>
                <div title="Smoke Pearl" class="colours smokepearl"  name="colour"></div>
                <div title="Botany Grey" class="colours botanygrey"  name="colour"></div>
                <div title="Cloudy Sky" class="colours cloudysky"  name="colour"></div>
                <div title="Surfmist" class="colours surfmist end"  name="colour"></div>
                <div title="Caribou" class="colours caribou"  name="colour"></div>
                <div title="Beaver" class="colours beaver"  name="colour"></div>
                <div title="Seagull" class="colours seagull"  name="colour"></div>
                <div align="Center" class="colourName frontdoor_color_selection">woodlandgrey</div>
                <img src="img/Contemporary/FrontDoor/FrontDoor_Beaver.png" width="25" height="84" class="preload_images">
                <img src="img/Contemporary/FrontDoor/FrontDoor_BotanyGrey.png" width="25" height="84" class="preload_images">
                <img src="img/Contemporary/FrontDoor/FrontDoor_Caribou.png" width="25" height="84" class="preload_images">
                <img src="img/Contemporary/FrontDoor/FrontDoor_CloudySky.png" width="25" height="84" class="preload_images">
                <img src="img/Contemporary/FrontDoor/FrontDoor_Dundee.png" width="25" height="84" class="preload_images">
                <img src="img/Contemporary/FrontDoor/FrontDoor_Kanga.png" width="25" height="84" class="preload_images">
                <img src="img/Contemporary/FrontDoor/FrontDoor_Seagull.png" width="25" height="84" class="preload_images">
                <img src="img/Contemporary/FrontDoor/FrontDoor_SmokePearl.png" width="25" height="84" class="preload_images">
                <img src="img/Contemporary/FrontDoor/FrontDoor_Surfmist.png" width="25" height="84" class="preload_images">
            </div>
            
            <div id="windowframes_color_selection" class="color_selection_house">
                <strong>Select an option to view </strong><br>
                <div title="Whitelustre" class="colours whitelustre"  name="colour"></div>
                <div title="Anotec Dark Grey" class="colours anotecdarkgrey"  name="colour"></div>
                <div title="Silver Lustre" class="colours silverlustre"  name="colour"></div>
                <div title="Stormfront" class="colours stormfront"  name="colour"></div>
                <div title="White" class="colours white"  name="colour"></div>
                <div title="White Birch" class="colours whitebirch end"  name="colour"></div>
                <div align="Center" class="colourName windowframes_color_selection">woodlandgrey</div>	
                <img src="img/Contemporary/WindowFrames/WindowFrames_AnotecDarkGrey.png" width="330" height="79" class="preload_images">
                <img src="img/Contemporary/WindowFrames/WindowFrames_SilverLustre.png" width="330" height="79" class="preload_images">
                <img src="img/Contemporary/WindowFrames/WindowFrames_StormFront.png" width="330" height="79" class="preload_images">
                <img src="img/Contemporary/WindowFrames/WindowFrames_White.png" width="330" height="79" class="preload_images">
                <img src="img/Contemporary/WindowFrames/WindowFrames_WhiteBirch.png" width="330" height="79" class="preload_images">
                <img src="img/Contemporary/WindowFrames/WindowFrames_WhiteLustre.png" width="330" height="79" class="preload_images">
            </div>
    
            <div id="garage_door_color_selection" class="color_selection_house">
                <strong>Select an option to view </strong><br>
                <div title="Surfmist" class="colours surfmist"  name="colour"></div>
                <div title="Evening Haze" class="colours eveninghaze"  name="colour"></div>
                <div title="Shale Grey" class="colours shalegrey"  name="colour"></div>
                <div title="Classic Cream" class="colours classiccream"  name="colour"></div>
                <div title="Dune" class="colours dune"  name="colour"></div>
                <div title="Windspray" class="colours windspray end"  name="colour"></div> 
                <div title="Pale Eucalypt" class="colours paleeucalypt"  name="colour"></div>
                <div title="Sandbank" class="colours sandbank"  name="colour"></div>
                <div title="Paperbark" class="colours paperbark"  name="colour"></div>
                <div title="Bushland" class="colours bushland"  name="colour"></div>
                <div title="Ironstone" class="colours ironstone"  name="colour"></div>
                <div title="Wilderness" class="colours wilderness end"  name="colour"></div>
                <div title="Jasper" class="colours jasper"  name="colour"></div>
                <div title="Headland" class="colours headland"  name="colour"></div>
                <div title="Deep Ocean" class="colours deepocean"  name="colour"></div>
                <div title="Manor Red" class="colours manorred"  name="colour"></div>
                <div title="Monument" class="colours monument"  name="colour"></div>
                <div title="Woodlandgrey" class="colours woodlandgrey end"  name="colour"></div>
                <div title="Cottagegreen" class="colours cottagegreen"  name="colour"></div>
                <div title="Loft" class="colours loft"  name="colour"></div>
                <div align="Center" class="colourName garage_door_color_selection">woodlandgrey</div>
                <img src="img/Contemporary/GarageDoors/Garage_Bushland.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_ClassicCream.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_CottageGreen.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_DeepOcean.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Dune.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Entertainergrey.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_EveningHaze.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Headland.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Ironstone.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Jasper.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Loft.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_ManorRed.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Monument.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_PaleEucalypt.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Paperbark.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Sandbank.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_ShaleGrey.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Surfmist.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Wilderness.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_Windspray.png" width="229" height="96" class="preload_images">
                <img src="img/Contemporary/GarageDoors/Garage_WoodlandGrey.png" width="229" height="96" class="preload_images">
            </div>
            
            <div id="paving_color_selection" class="color_selection_house">
                <strong>Select an option to view </strong><br>
                <div title="heritagered" class="colours heritagered"  name="colour"></div>
                <div title="donnybrook" class="colours donnybrook"  name="colour"></div>
                <div title="sandstone" class="colours sandstone"  name="colour"></div>
                <div title="limestone" class="colours limestone"  name="colour"></div>
                <!--<div title="grano oyster" class="colours granooyster"  name="colour"></div>
                <div title="seamist" class="colours seamist end"  name="colour"></div>-->
                <div title="stormfront" class="colours stormfront"  name="colour"></div>
                <div title="artic" class="colours artic end"  name="colour"></div>
                <div title="pebblebeach" class="colours pebblebeach"  name="colour"></div>
                <div title="tundra" class="colours tundra"  name="colour"></div>
                <div title="Charcoal" class="colours charcoal"  name="colour"></div>
                <div align="Center" class="colourName paving_color_selection">woodlandgrey</div>
                <img src="img/Contemporary/DrivewayPaving/DrivewayPaving_Donnybrook.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/DrivewayPaving_HeritageRed.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/DrivewayPaving_Limestone.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/DrivewayPaving_Sandstone.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/Grano_Colour.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/Vistapave_Artic.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/Vistapave_PebbleBeach.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/Vistapave_SeaMist.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/Vistapave_Stormfront.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/Vistapave_Tundra.png" width="455" height="110" class="preload_images">
                <img src="img/Contemporary/DrivewayPaving/Vistapave_Charcoal.png" width="455" height="110" class="preload_images">
            </div>
            
            <div id="feature_wall_color_selection" class="color_selection_house">
                <strong>Select an option to view </strong><br>
                <div title="Collie" class="colours collie"  name="colour"></div>
                <div title="CoralBay" class="colours coralbay"  name="colour"></div>
                <div title="Cervantes" class="colours cervantes"  name="colour"></div>
                <div title="Naturaliste" class="colours naturaliste"  name="colour"></div>
                <div title="Hamelin" class="colours hamelin"  name="colour"></div>
                <div title="Dampier" class="colours dampier end"  name="colour"></div>
                <div title="Jurien" class="colours jurien"  name="colour"></div>
                <div title="Sandford" class="colours sandford"  name="colour"></div>
                <div title="RedSmooth" class="colours redsmooth"  name="colour"></div>
                <div title="PumphouseRed" class="colours pumphousered"  name="colour"></div>
                <div title="Leonora" class="colours leonora"  name="colour"></div>
                <div title="Fremantle" class="colours fremantle end"  name="colour"></div>
                <div title="Hampton" class="colours hampton"  name="colour"></div>
                <div title="BURNISHEDRED" class="colours burnishedred"  name="colour"></div>
                <div title="CAMEO" class="colours cameo"  name="colour"></div>
                <div title="MALLEE" class="colours mallee"  name="colour"></div>
                <div title="TUSCAN" class="colours tuscan"  name="colour"></div>
                <div title="MILANO" class="colours milano end"  name="colour"></div>
                <div title="LIMESTONEHUE" class="colours limestonehue"  name="colour"></div>
                <div title="SEVILLE" class="colours seville"  name="colour"></div>
                <div align="Center" class="colourName feature_wall_color_selection">woodlandgrey</div>
                <img src="img/Contemporary/Walls/Walls_MidlandRedsCollection_BURNISHEDRED.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_MidlandRedsCollection_CAMEO.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_MidlandRedsCollection_LIMESTONEHUE.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_MidlandRedsCollection_MALLEE.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_MidlandRedsCollection_MILANO.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_MidlandRedsCollection_SEVILLE.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_MidlandRedsCollection_TUSCAN.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WACream_PastelColours_Cervantes.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WACream_PastelColours_Collie.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WACream_PastelColours_CoralBay.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WACream_PastelColours_Dampier.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WACream_PastelColours_Hamelin.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WACream_PastelColours_Jurien.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WACream_PastelColours_Naturaliste.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WACream_PastelColours_Sandford.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WARedCollection_Fremantle.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WARedCollection_Hampton.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WARedCollection_Leonora.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WARedCollection_PumphouseRed.png" width="174" height="106" class="preload_images">
                <img src="img/Contemporary/Walls/Walls_WARedCollection_RedSmooth.png" width="174" height="106" class="preload_images">
            </div>
        </div>
        
        <div id="select_right">
  			
  			<div class="section right" id="window_b">Window Frames</div>
  			<div class="section right" id="front_door_b">Front Door</div>
  			<div class="section right" id="garage_b">Garage Door</div>
  			<div class="section right" id="paving_b">Paving</div>
            
		</div>
        
        <div class="bg_select_bottom"></div>  
    </div> 
  </div>
</div>
<?php require("include/footer.php");?>